<template>
 <div class="footer_edit">
      <div class="footer_left">
        <img
          class="footer_img"
          src="https://www.hualigs.cn/image/6040ea1c3b41f.jpg"
          alt=""
        />
      </div>
      <div class="footer_center">
        <input type="text" class="footer_center_edit" />
      </div>
      <div class="footer_right">
        <img
          class="footer_img"
          src="https://www.hualigs.cn/image/6040ea1c3bd9f.jpg"
          alt=""
        />
      </div>
    </div>
</template>
<script>
export default {
    props: {
    list: {
      type: Array,
      default() {
        return [];
      }
    }
  },
  components: {},
  methods: {}
};
</script>
<style scoped>
.footer_edit {
  height: 7vh;
  width: 100%;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #ffffff;
  border-top: 1px solid #d8d8d8;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.footer_center {
  width: 74%;
  background-color: #f3f3f3;
  height: 5vh;
}
.footer_img {
  height: 5vh;
}
.footer_center_edit {
  width: 100%;
  background-color: #f3f3f3;
  height: 5vh;
  border: none;
  padding: 0 10px 0 10px;
  outline-style: none;
}
</style>
